import React from 'react'
import MobileHeader from './mobile_header'
import MobileFooter from './mobile_footer'
import {Tabs, Carousel} from 'antd'
import MobileList from './mobile_list'
import MobileCarousel from './mobile_carousel'
const TabPane=Tabs.TabPane

export default class MobileIndex extends React.Component {
    render() {
        return (
            <div>
                <MobileHeader/>
                <Tabs>
                    <TabPane tab="头条" key="1">
                        <MobileCarousel count={6} type={"top"}/>
                        <MobileList count={10} type={"top"}/>
                    </TabPane>
                    <TabPane tab="国内" key="2">
                         <MobileList count={10} type={"guonei"}/>
                    </TabPane>
                    <TabPane tab="国际" key="3">
                        <MobileCarousel count={4} type={"guoji"}/>
                        <MobileList count={10} type={"guoji"}/>
                    </TabPane>
                    <TabPane tab="军事" key="4">
                         <MobileList count={10} type={"junshi"}/>
                    </TabPane>
                    <TabPane tab="社会" key="5">
                         <MobileList count={10} type={"shehui"}/>
                    </TabPane>
                </Tabs>
                <MobileFooter/>
            </div>
        )
    }
}